<script type="text/javascript">
	$(function(){
		$('input[name=cat_add]').click(function(){
			
			if($('input[name=cat_name]').val()!="")
			{
				$.post('webboard/admin/webboard/category_save',{'name':$('input[name=cat_name]').val()},function(data){
					$('.album_category_id').html(data);
					$('input[name=cat_name]').val('')
					$('.add_option').hide();
					$('.cat_add').text('เพิ่ม').siblings().show();;
				})
			}
			
		})
		
		$('input[name=cat_edit]').click(function(){
			
			if($('input[name=cat_edit_name]').val()!="")
			{
				$.post('webboard/admin/webboard/category_save/'+ $('input[name=cat_edit_name]').attr('rel'),{'name':$('input[name=cat_edit_name]').val()},function(data){
					$('.album_category_id').html(data);
					$('input[name=cat_edit_name]').val('')
					$('.edit_option').hide();
					$('.cat_edit').text('แก้ไข').siblings().show();
				})
			}
			
		})

		$('.cat_add').toggle(function(){
			$('.cat_add').text('ยกเลิก');
			$(this).siblings().hide();
			$('.add_option').show();
			return false;
		},function(){
			$('.cat_add').text('เพิ่ม');
			$('.add_option').hide();
			$(this).siblings().show();
			return false;
		});
		
		$('.cat_edit').toggle(function(){
			$(this).siblings().hide();
			$('select[name=webboard_group_id]').attr('disabled','disabled');
			$('.cat_edit').text('ยกเลิก');
			$('input[name=cat_edit_name]').val($('select[name=webboard_group_id] option:selected').text()).attr('rel',$('select[name=webboard_group_id] option:selected').val());
			$('.edit_option').show();
			return false;
		},function(){
			$('.cat_edit').text('แก้ไข');
			$(this).siblings().show();
			$('.edit_option').hide();
			$('select[name=album_category_id]').attr('disabled','');
			return false;
		});
		
		$('.cat_delete').click(function(){
			if(confirm('ยืนยันการลบหมวดหมู่ "' + $('select[name=webboard_group_id] option:selected').text() + '"'))
			{
				$.post('webboard/admin/webboard/category_delete/' + $('select[name=webboard_group_id] option:selected').val(),
				function(data){
					$('.album_category_id').html(data);
				})
			}
			return false
		});
	})
</script>
<h1 style="margin:0 0 15px;">หมวดหมู่กระดานข่าว</h1>
<form method="post" action="webboard/admin/webboard/save/" enctype="multipart/form-data">
	<table class="form">
		<tr>
			<th>กลุ่ม</th>
			<td>
				<span class="album_category_id"><?php echo form_dropdown('webboard_group_id',get_option('id','name','webboard_groups'),$category->webboard_group_id) ?></span> 
				<span>
					<a class="cat_add" href="#">เพิ่ม</a> 
					<a class="cat_delete" href="#">ลบ</a> 
					<a class="cat_edit" href="#">แก้ไข</a>
				</span>
				<div class="add_option"><input type="text" name="cat_name" value="" /> <input type="button" name="cat_add" value="เพิ่มหมวดหมู่" /></div>
				<div class="edit_option"><input type="text" name="cat_edit_name" value="" /> <input type="button" name="cat_edit" value="แก้ไขหมวดหมู่" /></div>
			</td>
		</tr>
		<tr>
			<th>ชื่อ</th>
			<td>
				<input type="text" name="name" value="<?php echo $category->name ?>" />
			</td>
		</tr>
		<tr>	
			<th></th>
			<td>
				<?php echo form_submit('',lang('btn_submit'),'class="button"')?>
				<?php echo form_button('',lang('btn_back'),'class="button" onclick="window.location = \'webboard/admin/webboard\'"')?>
			</td>
		</tr>
	</table>
</form>
